Ext.onReady(function() {

			Ext.QuickTips.init();

			var loader = new Ext.tree.TreeLoader({
						dataUrl	: 'group.json'
					});
			var root = new Ext.tree.AsyncTreeNode({
						text		: 'Nyber上海',
						draggable	: false,
						id			: '-1'
					});

			var leftTree = new Ext.ux.TreePanel({
						// rootVisible : false,
						region			: 'west',
						useArrows		: true,
						autoScroll		: true,
						animate			: true,
						enableDD		: true,
						border			: false,
						containerScroll	: true,
						root			: root,
						loader			: loader
					});
			root.expand(true);

			leftTree.on({
						'movenode'	: function(tree, node, oldParent, newParent) {
							/*
							 * alert("当前节点：" + node.attributes.text + "\n" +
							 * "当前节点的父节点：" + node.parentNode.attributes.text)
							 * alert("目标节点: " + newParent.attributes.text);
							 * alert("源父节点: " + oldParent.attributes.text);
							 */
						}
					}
			);

			var group = new Ext.Panel({
						title	: '组信息',
						region	: 'west',
						split	: true,
						width	: 350,
						minSize	: 300,
						maxSize	: 400,
						items	: [leftTree],
						tools	: [{
									id		: 'refresh',
									handler	: function(event, toolEl, panel) {
										root.reload();
									}
								}]
					});

			// ================================================================
			var loader2 = new Ext.tree.TreeLoader({
						dataUrl	: 'user.json'
					});
			var root2 = new Ext.tree.AsyncTreeNode({
						text		: 'Nyber上海',
						draggable	: false,
						id			: '-2'
					});

			var rightTree = new Ext.ux.TreePanel({
						// rootVisible : false,
						region		: 'center',
						useArrows	: true,
						autoScroll	: true,
						animate		: true,
						enableDD	: true,
						border		: false,
						root		: root2,
						loader		: loader2
					});

			root2.expand(true);

			rightTree.on({
						'movenode'	: function(tree, node, oldParent, newParent) {
							/*
							 * alert("当前节点：" + node.attributes.text + "\n" +
							 * "当前节点的父节点：" + node.parentNode.attributes.text)
							 * alert("目标节点: " + newParent.attributes.text);
							 * alert("源父节点: " + oldParent.attributes.text);
							 */
						}
					}
			);

			var user = new Ext.Panel({
						title	: '用户信息',
						region	: 'center',
						split	: true,
						width	: 350,
						minSize	: 300,
						maxSize	: 400,
						items	: [rightTree],
						tools	: [{
									id		: 'refresh',
									handler	: function(event, toolEl, panel) {
										root2.reload();
									}
								}]
					});

			var win = new Ext.Window({
						title		: '组和人员关系设置',
						closable	: true,
						width		: 750,
						height		: 500,
						border		: false,
						plain		: true,
						layout		: 'border', // required!
						items		: [group, user]
					});

			win.show();
		}
);